<template>
	<view>
		<!-- 顶部视频内容 -->
		<view class="item">
			<view class="sh">
				<view>
					<image class="tp" src="../../../static/sohu.png"><text class="wb">曼联客场不败场次在英超排名第二，
					阿纳森27次客场不败</text></image>
				</view>
			</view>
			<view class="dhw">
				<view>
					<image class="tps" src="../../../static/2.png" mode="" style="width: 110rpx;height: 110rpx;"></image>
				</view>
				<view>
					<view class="zt">大河网</view>
					<view class="rq">12/14 10:53</view>
				</view>
				<view class="reg-right">+关注</view>
			</view>
			<view class="items">
				<view>
					<text>
						曼联目前球队首要任务就是力争保住欧冠资格，但是当下情况并不乐观，第21场客场0：1输给了狼队，全场节奏差，没有给狼队造成实质性威胁。近10场各项赛事5胜3平2负，19战积31分排在英超积分榜第7名。目前压力还是挺大的，比第4名阿森纳落后4分，虽说比阿森纳少赛1轮，但是争4除了阿森纳还有热刺、西汉姆联两个劲敌。曼联现在急需一个奖杯。
						
						阿斯顿维球队倒是没有曼联的压力，到赛季结束获得欧冠可能性是不太大了，
						
						但是也不会担心降级的风险，但是如果在足总杯赛场能率队夺冠那当然是件了不起的成就。阿斯顿维拉近10场各项赛事4胜0平6负。英超近2轮遭遇2连败。
						
						两队近期10次交手，曼联处于上风取得6胜2平2负的成绩，本赛季首次交手，阿斯顿维客场1：0击败了C罗领衔的曼联。阿斯顿维拉最近的4场比赛输掉了其中的3场。本场比赛数据给出曼联0.5球的让步，综合双方实力，支持曼联。
						
						在近10场比赛中场均创造角球4.2个，累计进球15个，防守方面场均被射门10.8次，累计失球17个。如今的曼联早已失球了当年的雄风，留给球迷的只剩下失望与唏嘘，每个下一场比赛总能带来更深的绝望。新赛季的首轮比赛，曼联先是输给中流水准的布莱顿，其次又被布伦特福德踢了个光头，输就算了，还输得跟个三流球队似的，教练怕是要找个洞钻一钻咯。
						
						C罗在队伍里完全就像个摆设，队员间的配合真的是在秀智商。最近的消息指出C罗会留在曼联，希望他真的能融入曼联吧
						
					</text>
				</view>
				<view class="jd">校对 刘军</view>
			</view>
			<view class="pt">
				<view>
					<image style="width: 20rpx; height: 20rpx;" src="../../../static/3.png" mode=""></image>
				</view>
				<view class="ptjj">平台声明</view>
			</view>
			<view class="jc">
				<view class="jcs">
					精彩推荐
				</view>
			</view>
			
			<view class="xw">
				<view>
					<view>
						单节24分，5个三分球！库里打疯了，半场狂砍25分
					</view>
				</view>
				<view class="xwnr">
					<view class="xwnrs">科技狐头条</view>
					<view class="xwnrs">3737评</view>
				</view>
			</view>
			<view>
				<image style="width: 200rpx; height: 150rpx; border-radius: 20rox;" src="../../../static/ku.png" mode=""></image>
			</view>
		</view>
		<view class="xws">
			
		</view>
		<view class="xws">
			
		</view>
		<view class="jc">
			<view class="jcs">
				我来说两句
			</view>
		</view>
		<view style="color: #c5c5c5; margin-bottom: 30rpx; margin-left: 20rpx;">
			热门评论
		</view>
		<view class="p1">
			<view>
				<image style="width: 80rpx; height: 80rpx;" src="../../../static/5.png" mode=""></image>
			</view>
			<view class="lp">
				<view class="p11">
					<veiw>
						<view class="zt1">网友872503</view>
						<view class="sj">
							<view class="sjs">2小时前</view>
							<view class="sjs">广西贵港市</view>
						</view>
					</veiw>
					<view class="p1">
						<view class="p111">7</view>
						<view class="p111">
							<image style="width: 30rpx; height: 30rpx;" src="../../../static/zan.png" mode=""></image>
						</view>
						<view class="p111">
							<image style="width: 30rpx; height: 30rpx;" src="../../../static/cai.png" mode=""></image>
						</view>
					</view>
				</view>
				<view class="p11">微笑生活，勇敢面对</view>
			</view>
		</view>
		<view class="p1">
			<view>
				<image style="width: 80rpx; height: 80rpx;" src="../../../static/6.png" mode=""></image>
			</view>
			<view class="lp">
				<view class="p11">
					<view>
						<view class="zt1">平安379373</view>
						<view class="sj">
							<view class="sjs">3小时前</view>
							<view class="sjs">广西河池市</view>
						</view>
					</view>
					<view class="p1">
						<view class="p111">1</view>
						<view class="p111">
							<image style="width: 30rpx; height: 30rpx;" src="../../../static/zan.png" mode=""></image>
						</view>
						<view class="p111">
							<image style="width: 30rpx; height: 30rpx;" src="../../../static/cai.png" mode=""></image>
						</view>
					</view>
				</view>
				<view class="p11">真看不懂，理解不了</view>
			</view>
		</view>
		
		<view class="p1">
			<view>
				<image style="width: 80rpx; height: 80rpx;" src="../../../static/7.png" mode=""></image>
			</view>
			<view class="lp">
				<view class="p11">
					<view>
						<view class="zt1">交友896903</view>
						<view class="sj">
							<view class="sjs">5小时前</view>
							<view class="sjs">广西柳州市</view>
						</view>
					</view>
					<view class="p1">
						<view class="p111">9</view>
						<view class="p111">
							<image style="width: 30rpx; height: 30rpx;" src="../../../static/zan.png" mode=""></image>
						</view>
						<view class="p111">
							<image style="width: 30rpx; height: 30rpx;" src="../../../static/cai.png" mode=""></image>
						</view>
					</view>
				</view>
				<view class="p11">不应该/应该如何面对</view>
			</view>
		</view>
		<view class="xhx"></view>
		
		<!-- 底部 -->
		<view class="zab">
			<view>
				<image style="width: 40rpx; height: 40rpx;" src="../../../static/zuo1.png" mode=""></image>
			</view>
			<view class="left">
				<input type="text" style="width: 220rpx; margin-right: 20rpx; font-size: 25rpx;" placeholder="有何观点"
				class="search_input"></input>
			</view>
			<view class="j1">
				<image style="width: 30rpx; height: 30rpx;" src="../../../static/xin2.png" mode=""></image>
			</view>
			<view class="j1">
				<image style="width: 40rpx; height: 40rpx;" src="../../../static/shou1.png" mode=""></image>
			</view>
			<view class="j1">
				<image style="width: 40rpx; height: 40rpx;" src="../../../static/fen1.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
    .item  {
		margin-left: 15rpx;
	}
	.tems {
		margin: 20rpx 20rpx 20rpx 20rpx;
	}
	.zt {
		font-size: 35rpx;
		margin-top: 10rpx;
		margin-left: 15rpx;
	}
	.rq {
		font-size: 30rpx;
		color: #b9b9b9;
		margin-top: 5rpx;
		margin-right: 15rpx;
	}
	.sh {
		margin-right: 30rpx;
	}
	.tp {
		width: 50rpx;
		height: 50rpx;
		margin: 0rpx 20rpx -10rpx 0rpx;
	}
	.sj {
		color: #c8c7cc;
		font-size: 30rpx;
		display: flex;
		flex-direction: row;
	}
	.sjs {
		margin-right: 30rpx;
		font-size: 20rpx;
		margin-top: 5rpx;
	}
	.wb {
		font-size: 40rpx;
	}
	.dhw {
		display: flex;
		flex-direction: row;
		margin-top: 30rpx;
		margin-bottom: 30rpx;
	}
	.tps {
		width: 80rpx;
		height: 80rpx;
		border-radius: 50%;
	}
	.a {
		margin-top: 30rpx;
		margin-right: 30rpx;
	}
	.ab {
		margin-top: 30rpx;
		margin-bottom: 30rpx;
	}
	.b {
		margin-top: 40rpx;
		margin-bottom: 40rpx;
		font-weight: bold;
	}
	.reg-right {
		background: #dd524d;
		height: 45rpx;
		border-radius: 60rpx;
		color: #ffffff;
		width: 120rpx;
		text-align: center;
		margin-top: 30rpx;
		margin-left: 280rpx;
		font-size: 30rpx;
	}
	.jd {
		margin-top: 40rpx;
	}
	.pt {
		margin: 30rpx 20rpx 40rpx 530rpx;
		color: #d9d9d9;
		font-size: 25rpx;
		display: flex;
		flex-direction: row;
	}
	.ptjj {
		margin-left: 10rpx;
	}
	.jc {
		background-color: #f05954;
		width: 160rpx;
		color: #ffffff;
		font-size: 30rpx;
		height: 37rpx;
		margin-left: -15rpx;
		margin-bottom: 40rpx;
	}
	.jcs {
		text-align: center;
		font-size: 25rpx;
	}
	.xw {
		display: flex;
		flex-direction: row;
		margin: 20rpx 20rpx 20rpx 20rpx;
	}
	.xwnr {
		display: flex;
		flex-direction: row;
		color: #b9b9b9;
		font-size: 30rpx;
		margin-top: 10rpx;
	}
	.xwnrs {
		margin-right: 30rpx;
		font-size: 25rpx;
	}
	.p1 {
		display: flex;
		flex-direction: ;
		margin-right: -300rpx;
		margin-bottom: 40rpx;
	}
	.lp {
		margin-left: -30rpx;
	}
	.p11 {
		display: flex;
		flex-direction: ;
		justify-content: space-between;
		-wekbet-justify-content:space-between;
		margin-left: 60rpx;
	}
	.p111 {
		margin-right: 65rpx;
		color: #999999;
	}
	.xhx {
		border-bottom: 1rpx solid #c0c0c0;
		margin-bottom: 20rpx;
		margin-top: 50rpx;
		margin-right: 20rpx;
		margin-left: 110rpx;
	}
	.jz {
		color: #c0c0c0;
		margin-left: 110rpx;
		margin-bottom: 80rpx;
	}
	.zab {
		display: flex;
		flex-direction: row;
		position: fixed;
		bottom:0rpx;
		background-color: #ffffff;
		width: 100%;
		height: 60rpx;
	}
	.left {
		height: 10rpx;
		margin-left: 20rpx;
	}
	.search_input {
		background-color: #f8f8f8;
		border-radius: 40rpx;
		padding: 5rpx 30rpx 6rpx 30rpx;
		margin-right: 1rpx;
	}
	.j1 {
		margin-left: 70rpx;
	}
	.zt1 {
		font-size: 30rpx;
		color: #007aff;
		margin-top: 10rpx
	}
</style>
